/*
======================================================================
*	Author:				    www.vokodesign.com
======================================================================
*/




/* css reset */
* {margin:0; padding:0; border:none; outline:none; box-shadow:none; -webkit-appearance:none; resize:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
p { line-height:1.8;}
img {display:block; max-width:100%; flex-shrink:0; border:none; overflow:hidden;}
li{ list-style-type: none;}
a { color:#000000; text-decoration:none; transition:all 0.3s ease-out 0s; -webkit-tap-highlight-color:transparent;}
a:link { color:#000000;}
a:visited { color:#000000;}
a:hover { text-decoration:none;}
a:active { color:#000000;}

input,
button,
textarea {font-family:Arial,Verdana,sans-serif;}

/*修改表单元素placeholder默认置灰文字颜色*/
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {opacity:1; color:rgba(0, 0, 0, 0.2); font-weight:normal;}
/* placeholder for chrome */
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {opacity:1; color:rgba(0, 0, 0, 0.2); font-weight:normal;}

h1, 
h2, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6
{ line-height:1.2125em; text-rendering:optimizelegibility;}
html.no-scroll {overflow-y:hidden;}
body {min-width:320px; -webkit-font-smoothing:antialiased; color:#1e1e1e; font-style:normal; background:#ffffff;}
html {overflow:scroll; overflow-x:hidden; font-family:Arial,Verdana,sans-serif;}




/***************************************/
/*************    public    ************/
/***************************************/
/*分栏*/
.row {margin:0 auto; padding:0 20px; max-width:1480px; width:100%;}
/*按钮：默认*/
a.btn {display:inline-block; padding:16px 30px; position:relative; font-size:16px; line-height:1; background:rgba(0, 0, 0, 0.05); transition:all 0.3s ease-out 0s; overflow:hidden;}
a.btn:after {content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#ed1c24; transition:all 0.3s ease-out 0s;}
a.btn span {position:relative; z-index:2; font-weight:bold;}
a.btn:hover {color:#FFFFFF; border-color:#B51219;}
a.btn:hover:before {-webkit-transform: rotate(30deg);transform: rotate(30deg);}
a.btn:hover:after {width:100%;}
    /**/
    a.btn_small {padding:14px 20px; font-size:14px;}
    /**/
    a.btn_white {background:#FFFFFF;}
    a.btn_white:hover::after {}
    /**/
    a.btn_blue {color:#FFFFFF; background:#002954;}
    a.btn_blue::after {background:#f2f2f2;}
    a.btn_blue:hover {color:#000000;}
    a.btn_blue:hover::after {color:#FFFFFF; border:#FFFFFF;}
    /**/
    a.btn_red {color:#FFFFFF; background:#ed1c24;}
    a.btn_red::after {background:#f2f2f2;}
    a.btn_red:hover {color:#000000;}
    a.btn_red:hover::after {color:#FFFFFF; border:#FFFFFF;}

/*shead*/
.shead {display:flex; justify-content:space-between; align-items:center; padding:0 0 60px 0;}
.shead .sl {position:relative;}
.shead .sl h2 {font-size:44px;}
.shead .sl span {font-size:100px; text-transform:uppercase; position:absolute; left:50px; bottom:15px; line-height:1; opacity:0.03;}
    /*适用于深色背景下*/
    .light {color:#FFFFFF;}
    .light .sl h2:before {background:#FFFFFF;}
    .light .sl span {opacity:0.1;}

/**/
.pages {margin:0 auto 100px; text-align:center;}
.pages .box {display:flex; justify-content:center;}
.pages a,
.pages span {display:inline-block; margin:0 10px; font-size:16px; width:40px; height:40px; line-height:40px; text-align:center; background:#F2F2F2;}
.pages a.a1:first-child {display:none;}
.pages a.a1:nth-child(2) {text-indent:-999999px; background-image:url("images/prev.svg"); background-position:0 center; background-repeat:no-repeat; background-size:80px auto;}
.pages a.a1:nth-child(2):hover {background-position:-40px center;}
.pages a.a1:last-child {text-indent:-999999px; background-image:url("images/next.svg"); background-position:-40px center; background-repeat:no-repeat; background-size:80px auto;}
.pages a.a1:last-child:hover {background-position:0 center;}
.pages a:hover {color:#FFFFFF; background:#ed1c24;}
.pages span {color:#FFFFFF; background:#ed1c24;}

/**/
.tab {display:flex; flex-wrap:wrap; justify-content:space-between;}
.tab a {display:inline-block; padding:16px 10px; width:calc(16.666% - 40px); font-size:16px; text-align:center; border:2px solid rgba(0, 0, 0, 0.05);}
.tab .active {border-color:rgba(0, 0, 0, 1.0);}

/* table */
.table_scroll {padding-bottom:20px;}
    /* 
        默认：均分 不固定 
        col_1 N列 均分 
        col_2 2列 30% 70%
        col_3 3列 30% 30% 40%
        col_4 4列 25% 25% 25% 25%
    */

    /* 默认为2列 */
    table {width:100%; border-collapse:collapse; border:none; font-size:14px;}
    table tbody {border-top:2px solid #333333;}
    table tbody tr {border-bottom:1px solid #333333;}
    table tbody tr:first-child {font-weight:bold; background:#F2F2F2;}
    table tbody td {padding:10px; border-left:none; border-top:none; border-bottom:none; border-right:1px solid #333333;}
    table tbody td:last-child {border:none;}

/**/
.con_temp_banner {padding:190px 0 100px;}
.con_temp_banner .box {}
.con_temp_banner .box .text {}
.con_temp_banner .box .text h1 {font-size:72px;}

/* 视频 */
.player {visibility:hidden; opacity:0; position:fixed; z-index:999999; left:0; right:0; top:0; bottom:0; margin:80px auto 0; width:100%; height:100%; background:rgba(255,255,255,1); overflow:hidden; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.player .inner-player {display:flex; justify-content:center; align-items:center; width:100%; height:100%; overflow:hidden;}
.player .close { position:absolute; z-index:1; right:40px; top:40px; display:block; width:48px; height:48px; border-radius:100%; cursor:pointer; background:url("images/close.svg") no-repeat center center / 35% auto; }
.player .close:hover {opacity:0.5; filter:Alpha(opacity=50);/*IE8*/}
.player video {display:inline-block; width:60%; height:auto;}
.player-bg { display:none; position:fixed; left:0; top:0; z-index:999997; background:#000000; opacity:0.8; filter:Alpha(opacity=80);/*IE8*/ width:100%; height:100%;}
.player iframe {width:100%; height:100%;}
.player.show {visibility:visible; opacity:1; margin-top:0; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}

/* 系统提示框 */
.alert {position:fixed; z-index:22; left:0; right:0; top:0; bottom:0; margin:auto; display:flex; align-items:center; justify-content:center; background:rgba(0, 0, 0, 0.05);}
.alert .i_a {width:400px; text-align:center; background:#FFFFFF;}
.alert .i_a h4 {font-size:18px; padding:60px 20px 50px;}
.alert .i_a a {display:block; padding:20px; font-weight:bold; border-top:1px solid rgba(0, 0, 0, 0.05);}

a.anchor {display:block; height:0; position:relative; top:-90px; overflow:hidden;}




/****************************************/
/**************    home    **************/
/****************************************/
    /**** navigation ****/
    .navigation{width:100%; position:fixed; left:0; top:0; z-index:3; background:#ffffff; border-bottom:2px solid rgba(0, 0, 0, 0.05); transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
    .navigation .top {display:none; height:40px; background:#4a4b4b;}
    .navigation .top .row {display:flex; flex-direction:row-reverse; align-items:center;}
    .navigation .top ul {display:flex;}
    .navigation .top ul li {margin-left:20px;}
    .navigation .top ul li a {font-size:14px; color:#FFFFFF; opacity:0.8;}
    .navigation .top ul li:last-child a {position:relative; padding-left:25px;}
    .navigation .top ul li:last-child a::before {content:""; position:absolute; left:0; top:0; bottom:0; margin:auto; width:20px; height:20px; background:url('images/language.svg') no-repeat scroll center center / 80% auto;}
    .navigation .top ul li:nth-child(3) {display:none;}
    .navigation .main {position:relative;}
    .navigation .content {}
    .navigation .box {height:90px; display:flex; justify-content:space-between; align-items:center;}
    .navigation .logo{display:block; width:140px; height:50px; background:url('images/logo.svg') no-repeat scroll left center / 90% auto; transition:opacity 0.3s ease-out 0s;}
    .navigation .logo img {display:block; width:100%;}
    .navigation .menu{display:flex; align-items:center; height:100%;}
    .navigation .menu ul {display:flex; justify-content:flex-end; width:100%; height:100%;}
    .navigation .menu ul li{padding:0 30px;}
    .navigation .menu li a{display:flex; align-items:center; height:100%; white-space:nowrap; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
    .navigation .menu ul li .arrow {display:block; position:absolute; right:-20px; top:50%; transform:translateY(-50%) rotate(90deg); width:7px;}
    .navigation .menu ul li .arrow::before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:1px; margin:auto; background:#000000; transform-origin:center right; transform:rotate(-45deg);}
    .navigation .menu ul li .arrow::after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:1px; margin:auto; background:#000000; transform-origin:center right; transform:rotate(45deg);}

    .navigation .menu li a:hover {color:#ed1c24;}
    /* 二级菜单 */
    .navigation .menu ul li.sub > a {position:relative;}
    .navigation .menu ul li.sub .total_i_sub {visibility:hidden; opacity:0; position:absolute; z-index:9; left:0; top:-9000px; width:100%; height:auto!important; min-height:300px; padding:50px 0; border-top:1px solid #e5e5e5; background:#FFFFFF; box-shadow:0 20px 20px 0px rgba(0,0,0,0.02);}
    .navigation .menu ul li.sub .total_i_sub.active {animation:total_i_sub_active  0s ease-in-out 0s 1 alternate forwards;}
    @keyframes total_i_sub_active {
        0% {
        }
        100% {
            visibility:visible;
            opacity:1;
            top:90px;
        }
    }
    .navigation .menu ul li.sub .total_i_sub .left_gray_bg {display:block; position:absolute; z-index:-1; left:0; top:0; width:100px; height:100%; background:#F2F2F2; }
    .navigation .menu ul li.sub .i_sub {max-width:1480px; width:100%; margin:auto; padding:0 20px;}
    .navigation .menu ul li.sub .i_sub span {display:block; position:relative; width:20%; padding:15px 0; text-indent:20px; font-weight:bold; cursor:pointer; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
    .navigation .menu ul li.sub .i_sub span .arrow {right:20px; transform:rotate(0deg);}
    .navigation .menu ul li.sub .i_sub span.active {color:#ed1c24; position:relative; background:#FFFFFF;}
    .navigation .menu ul li.sub .i_sub span.active::after {content:""; position:absolute; left:0; top:0; width:4px; height:100%; background:#ed1c24;}
    .navigation .menu ul li.sub .i_sub .i_sub_list {position:absolute; top:0; padding:50px 40px; visibility:hidden; opacity:0;}
    .navigation .menu ul li.sub .i_sub .i_sub_list.active {visibility:visible; opacity:1;}
    .navigation .menu ul li.sub .i_sub .i_sub_list .cell {padding:0 40px; width:50%;}
    .navigation .menu ul li.sub .i_sub .i_sub_list .cell a {padding:12px 0; font-weight:normal; border-bottom:1px solid #F2F2F2;}
    .navigation .menu ul li.sub .i_sub .btn_area {padding:40px 0 0 60px; width:100%;}
    .navigation .menu ul li.sub .i_sub .btn_area a.btn {padding-left:20px; display:inline-block; height:auto; font-size:14px; text-transform:lowercase;}
    .navigation .menu ul li.sub .i_sub .btn_area a.btn:hover {color:#000000;}
    .navigation .search {display:flex; justify-content:flex-end; align-items:center; margin-left:40px; padding:20px 0 20px 20px; transition:none;}
    .navigation i.mir {display:block; width:16px; height:16px; position:relative;}
    .navigation i.mir:before {content:""; position:absolute; left:0; top:0; width:14px; height:14px; border:2px solid #000000; border-radius:100%;}
    .navigation i.mir:after {content:""; position:absolute; right:0; bottom:0; width:2px; height:6px; background:#000000; transform:rotate(-45deg); transform-origin:bottom right;}

    /* 搜索框 */
    .searchview {display:none; position:absolute; z-index:3; left:0; right:0; top:0; margin:auto; width:500px; height:100%; background:#FFFFFF;}
    .searchview .form {width:100%; height:100%}
    .searchview .form i.mir {opacity:0.1; position:absolute; left:0; top:0; bottom:0; margin:auto; width:18px; height:18px;}
    .searchview .form button {position:absolute; right:0; top:0; bottom:0; margin:auto; width:40px; height:40px; cursor:pointer; background:none;}
    .searchview .form button:before {content:""; position:absolute; left:auto; right:0; top:0; bottom:0; margin:auto; width:20px; height:2px; background:#000000; transform:rotate(45deg);}
    .searchview .form button:after {content:""; position:absolute; left:auto; right:0; top:0; bottom:0; margin:auto; width:20px; height:2px; background:#000000; transform:rotate(-45deg);}
    .searchview .form input {width:100%; height:100%; padding:0 30px; font-size:16px;}
    .searchview .results {display:none; padding:20px 30px 30px; width:100%; font-size:16px; background:#FFFFFF; border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadow:0 0px 20px 0px rgba(0,0,0,0.05);}
    .searchview .results span {opacity:0.3;}
    .searchview .results ul {margin-top:20px;}
    .searchview .results ul li {}
    .searchview .results ul li a {display:block; padding:10px 0;}
    .searchview .results ul li a:hover {color:#5BC0CE;}





    /**** 全屏Banner ****/
    .kv {position:relative; margin-top:90px; height:680px; background:#000000;}
    .kv .swiper-container {/*position:fixed;*/ width:100%; height:100%;}
    .kv .swiper-wrapper {}
    .kv .swiper-slide {cursor:move; cursor:grab; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
    .kv .swiper-slide .row {height:100%;}
    .kv .swiper-slide .text {width:100%; height:100%; position:relative;}
    .kv .swiper-slide .video {}
    .kv .swiper-slide .video video {width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; z-index:1; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
    .kv .swiper-slide .text .btn_area {margin-top:60px;}
    .kv .swiper-slide .text a.btn {}
    .kv .swiper-slide .text a.btn:hover {}
    .kv .swiper-slide.type_1 .text {color:#FFFFFF;}
    /*默认：偏移*/
    .kv .swiper-slide .it {margin-left:20px;/*偏移量*/ opacity:0; position:absolute; z-index:4; width:50%; color:#FFFFFF; left:0; top:50%; transform:translateY(-50%);}
    .kv .swiper-slide .it:before {display:none; content:""; position:absolute; left:0; top:0; width:70px; height:8px; background:#1024A5;}
    .kv .swiper-slide .it h2 {font-size:48px; margin-bottom:20px; text-transform:uppercase;}
    .kv .swiper-slide .it p {font-size:18px;}
    /* 当前幻灯片设置动画 */
    .kv .swiper-slide-active .it {opacity:1; margin-left:0; -webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transition-duration:1s; transition-duration:1s;/* Safari 5.1 - 6.0 */}
    /**/
    .swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {display:none;}
    .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {display:none;}
    .swiper-button-next, .swiper-button-prev {position:relative; width:60px; height:60px; margin-top:0; border:1px solid transparent;}
    .swiper-button-next:hover, .swiper-button-prev:hover { border-color:rgba(255,255,255,0.2); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:0; background-image:url("images/prev.svg"); background-size:12px auto; background-repeat:no-repeat; background-position:center; transition:all 0.3s ease 0s;}
    .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover {background-size:14px auto;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {left:30px; background-image:url("images/next.svg"); background-size:12px auto; background-repeat:no-repeat; background-position:center; transition:all 0.3s ease 0s;}
    .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {background-size:14px auto;}
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {/*opacity:1;*/}
    /**/
    .swiper-container .swiper-pagination {bottom:50px;}
    .swiper-container .swiper-pagination .swiper-pagination-bullet {margin:0 6px; width:0; height:10px; border-top:3px solid transparent; border-right:4px solid #FFFFFF; border-radius:0; background:transparent; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
    .swiper-container .swiper-pagination .swiper-pagination-bullet-active {height:20px;}


    /***** scenes *****/
    .scenes {padding:150px 0 200px; position:relative;}
    .scenes .box {position:relative; z-index:1;}
    .scenes .shead {text-align:center;}
    .scenes .shead .sl {width:100%;}
    .scenes .shead h2 {}
    .scenes .shead p {font-size:18px; margin-top:10px;}
    .scenes .sc_col {display:flex; flex-wrap:wrap; justify-content:space-between;}
    .scenes .sc_col .sc_col_i {width:calc(50% - 20px);}
    .scenes .sc_col .sc_col_i .item_name {padding:30px 20px; text-align:center; background:#F2F2F2;}
    .scenes .sc_col .sc_col_i .item_name p {color:#ed1c24; font-size:24px; font-weight:bold;}
    .scenes .sc_col .sc_col_i ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
    .scenes .sc_col .sc_col_i ul li {width:33.333333%;}
    .scenes .sc_col .sc_col_i ul li a {display:block; position:relative; background:#000000;}
    .scenes .sc_col .sc_col_i ul li a .cover {height:540px; overflow:hidden;}
    .scenes .sc_col .sc_col_i ul li a .cover span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s ease 0s;}
    .scenes .sc_col .sc_col_i ul li a .text {position:absolute; left:0; top:0; color:#FFFFFF; width:100%; height:100%;}
    .scenes .sc_col .sc_col_i ul li a .text h3 {font-size:18px; padding:40px 30px; position:relative; background:rgba(0, 0, 0, 0.3);}
    .scenes .sc_col .sc_col_i ul li a .text h3::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(255, 255, 255, 0);}
    .scenes .sc_col .sc_col_i ul li a .text p {opacity:0; padding:40px 0 40px 30px; font-size:14px; line-height:2; transition:all 0.3s ease 0s;}
    .scenes .sc_col .sc_col_i ul li a .text p span {display:block; position:relative; padding-left:10px;}
    .scenes .sc_col .sc_col_i ul li a .text p span::before {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; background:#FFFFFF;}
    .scenes .sc_col .sc_col_i ul li a .text b {opacity:0; display:flex; align-items:center; position:absolute; left:0; bottom:0; width:100%; padding:0 0 30px 30px; font-size:14px; font-weight:normal; transition:all 0.3s ease 0s;}
    .scenes .sc_col .sc_col_i ul li a .text b i {display:block; position:relative; margin-left:5px; width:16px; height:0; border-bottom:2px dotted #FFFFFF; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
    .scenes .sc_col .sc_col_i ul li a .text b i::before {content:""; position:absolute; right:-10px; top:-0.5px; width:10px; height:2px; background:#FFFFFF; transform-origin:right bottom; transform:rotate(45deg); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
    .scenes .sc_col .sc_col_i ul li a .text b i::after {content:""; position:absolute; right:-11px; top:-1.5px; width:10px; height:2px; background:#FFFFFF; transform-origin:right bottom; transform:rotate(-45deg); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
    .scenes .sc_col .sc_col_i ul li a:hover .cover span {transform:scale(1.02); opacity:0.6;}
    .scenes .sc_col .sc_col_i ul li a:hover .text p {opacity:1; transform:translateY(-10px);}
    .scenes .sc_col .sc_col_i ul li a:hover .text b {/* opacity:1; 入口暂时隐藏 */ transform:translateY(-10px);}
    .scenes .sc_col .sc_col_i:nth-child(2) ul li {width:50%;}

    .scenes .video {display:none; opacity:0.9;}
    .scenes .video video {width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; z-index:1; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}


    /***** intro *****/
    .intro {padding:200px 0; position:relative;  background-color:#000000; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
    .intro .shead .sl h2 {color:#ed1c24;}
    .intro .main {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; position:relative; z-index:2;}
    .intro .main .text {width:40%;}
    .intro .main .text p {margin:10px 0 80px; font-size:18px; color:#FFFFFF; text-align:justify;}
    .intro .main .text .btn_area {}
    .intro .main .img {width:40%; margin-top:8%;}
    .intro .main .img .inner {}
    .intro .main .img .c_main {display:flex; justify-content:center; align-items:center; position:relative; width:450px; height:450px; border-radius:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .intro .main .img .c_main::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#FFFFFF; opacity:0; border-radius:100%;}
    .intro .main .img .c_main .video_cover {display:block; border-radius:100%; width:250px; height:250px; position:relative; overflow:hidden;}
    .intro .main .img .c_main .video_cover:hover .bg {transform:scale(1.2,1.2);}
    .intro .main .img .c_main .video_cover .bg {display:none; position:relative; z-index:2; width:100%; height:100%; border-radius:100%; background:url("images/c_1_a_cover.jpg") no-repeat scroll center center / auto 100%; background-size:cover; overflow:hidden; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */}
    .intro .main .img .c_main .video_cover .bg video {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:auto; height:100%;}
    .intro .main .img .c_main .video_cover i {display:none; width:60px; height:60px; position:absolute; z-index:3; left:0; right:0; top:0; bottom:0; margin:auto; border-radius:100%; background:#B51219 url("images/play_icon.svg") no-repeat scroll 20px center / 45% auto;}
    .intro .main .img .c_main ul {}
    .intro .main .img .c_main ul li {position:absolute; z-index:1; width:120px; height:120px; border-radius:100%; overflow:hidden;}
    .intro .main .img .c_main ul li:nth-child(1) {left:0; right:0; top:-60px; margin:auto;}
    .intro .main .img .c_main ul li:nth-child(2) {left:-60px; top:0; bottom:0; margin:auto;}
    .intro .main .img .c_main ul li:nth-child(3) {top:0; right:-60px; bottom:0; margin:auto;}
    .intro .main .img .c_main ul li a {display:flex; justify-content:center; align-items:center; position:relative; height:100%; color:#FFFFFF;}
    .intro .main .img .c_main ul li a span {position:relative; font-size:14px; z-index:4; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
    .intro .main .img .c_main ul li a:before {content:""; position:absolute; z-index:3; left:0; top:0; width:100%; height:100%; background:#ed1c24; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */}
    .intro .main .img .c_main ul li a:hover {color:#333333;}
    .intro .main .img .c_main ul li a:hover:before {background:#FFFFFF;}
    .intro .main .img .c_main .c_outer {animation:turn 60s linear infinite; position:absolute; left:50%; top:50%; margin-top:-350px; margin-left:-350px; width:700px; height:700px; border:1px dotted rgba(255, 255, 255, 0.1); border-radius:100%;}
    .intro .main .img .c_main .c_outer i {display:block; width:12px; height:12px; border-radius:100%; position:absolute; background:#ed1c24;}
    .intro .main .img .c_main .c_outer i:nth-child(1) {left:0; right:0; top:-7px; margin:auto;}
    .intro .main .img .c_main .c_outer i:nth-child(2) {right:-7px; top:0; bottom:0; margin:auto;}
    .intro .main .img .c_main .c_outer i:nth-child(3) {left:0; right:0; bottom:-7px; margin:auto;}
    @keyframes turn{
      0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}
    }
    .intro .video {opacity:0;}
    .intro .video video {width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; z-index:1; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}


    /***** news *****/
    .news {padding:150px 0 0;}
    .news ul {display:flex; flex-wrap:wrap; margin:30px -40px 0;}
    .news ul li {width:33.333333%; padding:0 40px; margin-bottom:100px; text-align:left;}
    .news ul li a {display:block;}
    .news ul li a .text {transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
    .news ul li a .text span {font-size:14px;}
    .news ul li a .text h4 {position:relative; font-size:18px; line-height:1.6; margin:30px 0 0 0; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:all 0.3s ease-out 0s;}
    .news ul li a .text p {display:none; margin:40px 0 0 0; font-size:16px; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}
    .news ul li a .cover {display:none; width:100%; height:100%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; overflow:hidden;}
    .news ul li a .cover span {display:block; height:80%; background-color:#F8F8F8; background-position:center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}
    .news ul li a:hover .text h4 {color:#ed1c24;}
    /**/
    .news ul li:first-child {width:100%; margin-bottom:150px;}
    .news ul li:first-child a {display:flex; flex-wrap:wrap; justify-content:space-between;}
    .news ul li:first-child a .text {width:calc(50% - 20px); padding:40px 0; border-top:2px solid #000000; border-bottom:2px solid #000000;}
    .news ul li:first-child a .text span {}
    .news ul li:first-child a .text h4 {font-size:32px;}
    .news ul li:first-child a .text p {display:block; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}
    .news ul li:first-child a .cover {display:block; width:calc(50% - 20px); position:relative;}
    .news ul li:first-child a .cover i {opacity:0; display:block; width:64px; height:64px; position:absolute; z-index:1; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
    .news ul li:first-child a .cover i::before {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:2px; height:100%; background:#FFFFFF;}
    .news ul li:first-child a .cover i::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:100%; height:2px; background:#FFFFFF;}
    .news ul li:first-child a .cover span {}
    /**/
    .news ul li a:hover .text {}
    .news ul li a:hover .text p {}
    .news ul li a:hover .cover {}
    /**/
    .news ul li a:hover .cover i {opacity:1;}
    .news ul li a:hover .cover span {transform:scale(1.02,1.02);}
    .news .btn_area {text-align:center;}


    /***** recruitment_entrance *****/
    .recruitment_entrance {padding:150px 0;}
    .recruitment_entrance .shead {text-align:center;}
    .recruitment_entrance .shead .sl {width:50%; margin:auto;}
    .recruitment_entrance .shead h2 {display:none; margin-bottom:20px; color:inherit;}
    .recruitment_entrance .shead p {}
    .recruitment_entrance ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:-20px;}
    .recruitment_entrance ul li {width:50%; padding:20px;}
    .recruitment_entrance ul li .inner {}
    .recruitment_entrance ul li a {display:flex; justify-content:space-between; color:#FFFFFF; background:#002954;}
    .recruitment_entrance ul li a .cover {width:50%; overflow:hidden;}
    .recruitment_entrance ul li a .cover span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
    .recruitment_entrance ul li a .name {display:flex; flex-direction:column; justify-content:space-between; width:50%; padding:40px;}
    .recruitment_entrance ul li a .name h3 {font-size:24px;}
    .recruitment_entrance ul li a .name b {display:flex; align-items:center; font-size:14px; font-weight:normal;}
    .recruitment_entrance ul li a .name b i {display:block; position:relative; margin-left:5px; width:16px; height:0; border-bottom:2px dotted #FFFFFF; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
    .recruitment_entrance ul li a .name b i::before {content:""; position:absolute; right:-10px; top:-0.5px; width:10px; height:2px; background:#FFFFFF; transform-origin:right bottom; transform:rotate(45deg); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
    .recruitment_entrance ul li a .name b i::after {content:""; position:absolute; right:-11px; top:-1.5px; width:10px; height:2px; background:#FFFFFF; transform-origin:right bottom; transform:rotate(-45deg); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
    .recruitment_entrance ul li a:hover .cover span {transform:scale(1.02,1.02);}
    .recruitment_entrance ul li a:hover .name b i::before{right:-14px;}
    .recruitment_entrance ul li a:hover .name b i::after{right:-15px;}


    /**** footer ****/
    .footer {font-size:14px; position:relative; background:url("images/footer_bg.jpg") no-repeat scroll center top / 100% auto; background-size:cover;}
    .footer::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#FFFFFF; opacity:0.5;}
    .footer .inner {position:relative; z-index:1;}
    .footer .t {display:flex; flex-wrap:wrap; flex-direction:row-reverse; justify-content:space-between; padding-top:100px; border-top:2px solid #000000;}
    .footer .t h3 {font-size:18px; margin-bottom:30px; text-transform:uppercase;}
    .footer .t .l {width:50%; display:flex; justify-content:space-between; padding-left:20px;}
    .footer .t .l .social {width:150px; margin-top:-10px;}
    .footer .t .l .social ul {}
    .footer .t .l .social ul li {position:relative; margin-bottom:20px;}
    .footer .t .l .social ul li a {display:block; width:48px; height:48px; line-height:48px; text-indent:-999999px; text-align:center; background-color:#002954; background-repeat:no-repeat; background-position:center; background-size:80% auto; overflow:hidden;}
    .footer .t .l .social ul li a:hover {background-size:90% auto;}
    .footer .t .l .social ul li .vcode {opacity:0; visibility:hidden; position:absolute; z-index:2; right:60px; top:50%; transform:translateY(-50%); width:100px; height:100px;}
    .footer .t .l .social ul li:hover .vcode {opacity:1; visibility:visible;}
    .footer .t .l .social ul li:nth-child(1) a {background-image:url('images/social_icon_1.svg');}
    .footer .t .l .social ul li:nth-child(2) a {background-image:url('images/social_icon_2.svg');}
    .footer .t .l .social ul li:nth-child(3) a {background-image:url('images/social_icon_3.svg');}
    .footer .t .l .cc {display:flex; flex-wrap:wrap; justify-content:space-between; width:calc(100% - 48px); padding-right:40px;}
    .footer .t .l .c-col {width:50%; margin-bottom:40px;}
    .footer .t .l .c-col ul {}
    .footer .t .l .c-col ul li {padding-bottom:14px;}
    .footer .t .l .c-col ul li a {font-size:14px;}
    .footer .t .l .c-col ul li a:hover {color:#B51219;}
    .footer .t .r {display:flex; flex-wrap:wrap; align-content:flex-start; width:30%; margin-top:-5px;}
    .footer .t .r .hotline {width:100%;}
    .footer .t .r .hotline ul {}
    .footer .t .r .hotline ul li {padding:0 0 40px 0;}
    .footer .t .r .hotline ul li:last-child {padding:0;}
    .footer .t .r .hotline ul li span {font-size:14px;}
    .footer .t .r .hotline ul li p {font-size:22px; font-weight:bold; line-height:1; margin-top:10px;}
    .footer .t .r .hotline ul li p em {font-style:normal; display:block; margin-bottom:10px; font-size:14px; font-weight:normal;}
    .footer .t .r .office {display:none; margin-top:80px;}
    .footer .t .r .office ul {}
    .footer .t .r .office ul li {padding:8px 0;}
    .footer .t .r .logo{display:none; width:135px; height:58.8px; margin-bottom:80px; background:url('images/logo.svg') no-repeat scroll left center / 100% auto; transition:opacity 0.3s ease-out 0s;}
    .footer .b {display:flex; justify-content:space-between; align-items:center; padding:0 0 40px 0;}
    .footer .b p {}
    .footer .b p em {font-style:normal; opacity:0.5;}
    .footer .b p a {}
    .footer .b p a:hover {opacity:1;}
    .footer .b a {padding:0 10px;}
    .footer .b span a {padding:0 5px 0 10px;}
    .footer .r_top {display:flex; justify-content:center; align-items:center; width:48px; height:48px;}
    .footer .r_top i {display:block; position:relative; width:0; height:30px; margin-top:14px; border-top:3px solid transparent; border-right:4px solid #002954; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
    .footer .r_top i::before {content:""; position:absolute; right:-5.5px; top:-14px; width:15px; height:4px; background:#002954; transform:rotate(-45deg); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
    .footer .r_top i::after {content:""; position:absolute; left:-1.5px; top:-14px; width:15px; height:4px; background:#002954; transform:rotate(-135deg); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
    .footer .r_top:hover i{}
    .footer .r_top:hover i::before{top:-20px;}
    .footer .r_top:hover i::after{top:-20px;}




/*****************************************/
/************    products    *************/
/*****************************************/
.sel_products {background:#F8F8F8;}
    /**/
    .products_list {padding-bottom:150px;}
    .products_list .box {}
        .con_products_list {}
        .con_products_list li {margin-bottom:30px;}
        .con_products_list li .cell {display:flex; justify-content:space-between; flex-wrap:wrap; background:#FFFFFF;}
        .con_products_list li .name {width:30%; display:flex; align-items:center; padding:60px;}
        .con_products_list li .name .tb {}
        .con_products_list li .name .title {}
        .con_products_list li .name h3 {font-size:28px; margin-bottom:10px;}
        .con_products_list li .name p {font-size:16px;}
        .con_products_list li .name .btn_area {display:flex; margin-top:30px;}
        .con_products_list li dl {width:70%; border-left:4px solid #F8F8F8;}
        .con_products_list li dl dd {border-bottom:4px solid #F8F8F8;}
        .con_products_list li dl dd a {display:block; padding:60px;}
        .con_products_list li dl dd a h4 {font-size:18px; transition:all 0.3s ease-out 0s;}
        .con_products_list li dl dd a .text {display:flex; flex-wrap:wrap; margin-top:10px; opacity:0.6; transition:all 0.3s ease-out 0s;}
        .con_products_list li dl dd a .text p {width:50%; padding:4px 0; font-size:14px; line-height:1.4;}
        .con_products_list li dl dd a:hover h4 {color:#ed1c24;}
        .con_products_list li dl dd a:hover .text {opacity:1;}
        .con_products_list li dl dd:last-child {border:none;}




/*****************************************/
/********    products_detail    **********/
/*****************************************/
.sel_products_detail {}
.sel_products_detail .topic {margin-top:90px; padding:40px 0px; background:#002954;}
.sel_products_detail .topic .breadcrumb {display:flex; align-items:center; margin-bottom:80px; color:#FFFFFF; font-size:14px;}
.sel_products_detail .topic .breadcrumb a {position:relative; color:rgba(255, 255, 255, 0.5); white-space:nowrap;}
.sel_products_detail .topic .breadcrumb a:hover {color:rgba(255, 255, 255, 0.8);}
.sel_products_detail .topic .breadcrumb i {opacity:0.5; position:relative; display:block; width:0; height:0; margin:0 14px 0 20px;}
.sel_products_detail .topic .breadcrumb i::before {content:""; position:absolute; right:0; top:50%; width:8px; height:2px; background:#FFFFFF; transform-origin:right top; margin-top:0.5px; transform:rotate(45deg) translateY(-50%);}
.sel_products_detail .topic .breadcrumb i::after {content:""; position:absolute; right:0; top:50%; width:8px; height:2px; background:#FFFFFF; transform-origin:right top; margin-top:-0.5px; transform:rotate(-45deg) translateY(-50%);}
.sel_products_detail .topic .breadcrumb span {opacity:0.8; white-space:nowrap; width:auto; text-overflow:ellipsis; overflow:hidden;}
.sel_products_detail .topic .text {color:#FFFFFF;}
.sel_products_detail .topic .text h1 {font-size:44px; line-height:1.4; margin-bottom:10px;}
.sel_products_detail .topic .text p {font-size:18px;}
.sel_products_detail .article {padding:100px 0; font-size:16px; line-height:2;}
.sel_products_detail .article .box {margin:auto; width:60%;}
.sel_products_detail .article h2 {font-size:32px; text-align:center;}
.sel_products_detail .article strong {font-size:22px;}
.sel_products_detail .article img {display:inline-block;}
.sel_products_detail .article table tbody .b_a .btn_area {}
.sel_products_detail .article table tbody .b_a .btn_area a.btn {display:block; text-align:center; width:100%;}
.sel_products_detail .article .command_links {}
.sel_products_detail .article .command_links h3 {font-size:18px; margin-bottom:10px;}
.sel_products_detail .article .command_links ul {}
.sel_products_detail .article .command_links li {padding:2px 0;}
.sel_products_detail .article .command_links ul li a {position:relative; display:block; width:auto; padding:0 0 0 15px; font-size:16px; color:#002954; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sel_products_detail .article .command_links ul li a::before {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:6px; height:6px; background:rgba(0, 0, 0, 0.3);}
.sel_products_detail .article .command_links ul li a:hover {text-decoration:underline;}




/******************************************/
/*************    solutions    ************/
/******************************************/
.sel_solutions {}
    /**/
    .con_solutions_list {}
    .con_solutions_list li {margin-bottom:40px;}
    .con_solutions_list li:last-child {margin:0;}
    .con_solutions_list li dl {}
    .con_solutions_list li dd {margin-bottom:40px;}
    .con_solutions_list li dd:last-child {margin:0;}
    .con_solutions_list li a {display:flex; flex-wrap:wrap; background:#002954;}
    .con_solutions_list li .cell {display:flex; flex-wrap:wrap;}
    .con_solutions_list li .cover {width:50%; overflow:hidden;}
    .con_solutions_list li .cover span {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s ease-out 0s;}
    .con_solutions_list li .text {width:50%; padding:60px; display:flex; flex-direction:column; justify-content:space-between; color:#FFFFFF;}
    .con_solutions_list li .text .t {}
    .con_solutions_list li .text h3 {font-size:24px; margin-bottom:20px; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
    .con_solutions_list li .text p {font-size:16px; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
    .con_solutions_list li .text b {display:flex; align-items:center; font-size:14px; font-weight:normal;}
    .con_solutions_list li .text b i {display:block; position:relative; margin-left:5px; width:16px; height:0; border-bottom:2px dotted #FFFFFF; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
    .con_solutions_list li .text b i::before {content:""; position:absolute; right:-10px; top:-0.5px; width:10px; height:2px; background:#FFFFFF; transform-origin:right bottom; transform:rotate(45deg); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
    .con_solutions_list li .text b i::after {content:""; position:absolute; right:-11px; top:-1.5px; width:10px; height:2px; background:#FFFFFF; transform-origin:right bottom; transform:rotate(-45deg); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
    .con_solutions_list li a:hover .cover span {transform:scale(1.02,1.02);}
    .con_solutions_list li a:hover .text b i::before{right:-14px;}
    .con_solutions_list li a:hover .text b i::after{right:-15px;}
    /**/
    .solutions_list {margin-bottom:150px;}
    .solutions_list .tab {margin-bottom:40px;}




/*****************************************/
/**************    about    **************/
/*****************************************/
.sel_about {}
    /**/
    .company {}
    .company .box {display:flex; justify-content:space-between; flex-wrap:wrap; background-position:center top; background-repeat:no-repeat; background-size:cover;}
    .company .text {width:calc(50%); padding:100px 0 100px 100px; font-size:18px; line-height:2; color:#FFFFFF; text-align:justify;}
    /**/
    .honor {padding:150px 0;}
    .honor .box {}
    .honor .shead {justify-content:center;}
    .honor ul {display:flex; flex-wrap:wrap; margin:-20px;}
    .honor ul li {width:33.333333%; padding:20px;}
    .honor ul li .img {padding:20%; border:2px solid rgba(0, 0, 0, 0.05);}
    .honor ul li .img span {display:block; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .honor ul li p {display:none; font-size:16px;}
    .honor .btn_area {margin-top:50px; text-align:center;}
    /**/
    .departments {padding:150px 0; background:#002954;}
    .departments .dt {}
    .departments .dt ul {display:flex; flex-wrap:wrap; margin:-20px;}
    .departments .dt ul li {width:33.333333%; padding:20px;}
    .departments .dt ul li .inner {padding:40px; height:100%; color:#FFFFFF; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .departments .dt ul li .inner::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#002954; opacity:0.5;}
    .departments .dt ul li h3 {display:inline-block; margin-bottom:150px; position:relative; z-index:1; font-size:32px;}
    .departments .dt ul li h3::after {content:""; position:absolute; z-index:-1; left:-40px; bottom:0; width:8px; height:100%; background:#ed1c24;}
    .departments .db {margin-top:100px; text-align:center;}
    .departments .db h2 {font-size:44px; color:#FFFFFF;}
    .departments .db ul {display:flex; flex-wrap:wrap; justify-content:space-between; background:#FFFFFF; margin-top:40px; text-align:center;}
    .departments .db ul li {width:50%; padding:100px 0;}
    .departments .db ul li .inner {border-right:1px solid rgba(0, 0, 0, 0.1);}
    .departments .db ul li h3 {font-size:24px; margin-bottom:10px;}
    .departments .db ul li p {}
    /**/
    .contact_form {padding:200px 0;}
    .contact_form .box {display:flex; flex-wrap:wrap; justify-content:space-between;}
    .contact_form .fb_l {width:50%; position:relative;}
    .contact_form .fb_l span {display:block; width:960px; max-width:1200px;}
    .contact_form .fb_l h2 {font-size:44px; text-transform:uppercase; margin-bottom:40px;}
    .contact_form .fb_l h2 span {display:block;}
    .contact_form .fb_l p {width:80%;}
    .contact_form .fb_r {width:50%; padding-left:20px;}
    .contact_form .fb_r .info {}
    .contact_form .fb_r .info h2 {font-size:32px; margin-bottom:10px;}
    .contact_form .fb_r .info p {font-size:16px;}
    .contact_form .fb_r .info dl {display:flex; justify-content:space-between; flex-wrap:wrap; position:relative; margin:30px 0 80px;}
    .contact_form .fb_r .info dl:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:1px; background:#F2F2F2;}
    .contact_form .fb_r .info dl:after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:1px; height:100%; background:#F2F2F2;}
    .contact_form .fb_r .info dl dt {width:50%; display:flex; align-items:center; margin:40px 0;}
    .contact_form .fb_r .info dl dt:nth-child(odd) {padding-right:10%;}
    .contact_form .fb_r .info dl dt:nth-child(even) {padding-left:10%;}
    .contact_form .fb_r .info dl dt span {display:block; width:70px; height:70px; border-radius:100%; border:1px solid #F2F2F2; background-repeat:no-repeat; background-position:center center; background-size:80% auto;}
    .contact_form .fb_r .info dl dt:nth-child(1) span {background-image:url("images/contact_icon_1.svg");}
    .contact_form .fb_r .info dl dt:nth-child(2) span {background-image:url("images/contact_icon_2.svg");}
    .contact_form .fb_r .info dl dt:nth-child(3) span {background-image:url("images/contact_icon_2.svg");}
    .contact_form .fb_r .info dl dt:nth-child(4) span {background-image:url("images/contact_icon_3.svg");}
    .contact_form .fb_r .info dl dt .d_r {padding-left:30px;}
    .contact_form .fb_r .info dl dt .d_r p {font-size:16px; margin-bottom:5px; opacity:0.6;}
    .contact_form .fb_r .info dl dt .d_r h6 {font-size:18px;}
    .contact_form .fb_r .c_f {}
    .contact_form .fb_r .c_f h2 {font-size:32px; margin-bottom:50px;}
    .contact_form .fb_r ul {display:flex; flex-wrap:wrap; margin:-15px;}
    .contact_form .fb_r ul li {width:50%; padding:15px;}
    .contact_form .fb_r ul li:last-child {width:100%;}
    .contact_form .fb_r ul li input {width:100%; padding:20px; font-size:16px; font-weight:bold; border-radius:0; border:2px solid #F2F2F2; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
    .contact_form .fb_r ul li input:hover {border-color:rgba(0, 0, 0, 0.1);}
    .contact_form .fb_r ul li textarea {width:100%; height:200px; font-size:16px; font-weight:bold; padding:20px; border-radius:0; border:2px solid #F2F2F2; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
    .contact_form .fb_r ul li textarea:hover {border-color:rgba(0, 0, 0, 0.1);}
    .contact_form .fb_r a.btn {margin-top:40px; padding:20px 30px; display:block; width:100%; text-align:center; text-transform:uppercase;}
    /**/
    .chairman_saying {display:none; padding:150px 0 0;}
    .chairman_saying .box {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
    .chairman_saying .img {width:calc(50% - 40px);}
    .chairman_saying .img span {display:block; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .chairman_saying .text {width:calc(50% - 40px);}
    .chairman_saying .text h2 {font-size:32px; margin:60px 0;}
    .chairman_saying .text p {font-size:18px; padding:80px 0 60px; position:relative; font-family:宋体;}
    .chairman_saying .text p::before {content:""; opacity:0.1; position:absolute; left:0; top:0; width:40px; height:40px; background:url("images/quot_l_black.svg") no-repeat scroll center center / 100% auto;}
    .chairman_saying .text p::after {content:""; opacity:0.1; position:absolute; right:0; bottom:0; width:40px; height:40px; background:url("images/quot_r_black.svg") no-repeat scroll center center / 100% auto;}
    .chairman_saying .text .founder {display:flex; align-items:center; justify-content:flex-end; margin-top:40px; font-size:14px; font-style:normal; color:rgba(0,0,0,0.3);}
    .chairman_saying .text .founder b {display:block; margin:0 0 0 20px; width:150px; height:100px; background-image:url("images/signature_of_founder.png"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
    /**/
    .partners {padding:0 0 150px 0;}
        .con_partners_list {display:flex; flex-wrap:wrap; margin:-20px;}
        .con_partners_list li {width:25%; padding:20px;}
        .con_partners_list li .img {margin-bottom:10px; border:2px solid #F2F2F2;}
        .con_partners_list li .img span {display:block; background-position:center center; background-repeat:no-repeat; background-size:60%;}
        .con_partners_list li p {text-align:center; font-size:14px;}




/******************************************/
/**************    scenes    **************/
/******************************************/
.sel_scenes {}
    /**/
    .scenes_list {padding:150px 0; background:#000000;}
    .scenes_list .box {}
        .con_scenes_list {}
        .con_scenes_list li {margin-bottom:50px;}
        .con_scenes_list li .inner {display:flex; flex-wrap:wrap; justify-content:space-between;}
        .con_scenes_list li .text {width:50%; padding:100px; background:#FFFFFF;}
        .con_scenes_list li .text h2 {font-size:44px; margin-bottom:40px;}
        .con_scenes_list li .text p {font-size:18px;}
        .con_scenes_list li .img {width:50%;}
        .con_scenes_list li .img span {display:block; height:600px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    /**/
    .sel_scenes .footer .t {border:none;}




/*****************************************/
/***************    news    **************/
/*****************************************/
.sel_news {}
    /**/
    .news_list {padding-bottom:150px;}
    .news_list .box {}
        .con_news_list {display:flex; flex-wrap:wrap; margin:0 -20px 0;}
        .con_news_list li {width:50%; padding:20px;}
        .con_news_list li a {display:block; height:100%; color:#FFFFFF; background:#002954; overflow:hidden;}
        .con_news_list li a .cover {position:relative; overflow:hidden;}
        .con_news_list li a .cover i {opacity:0; display:block; width:64px; height:64px; position:absolute; z-index:1; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
        .con_news_list li a .cover i::before {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:2px; height:100%; background:#FFFFFF;}
        .con_news_list li a .cover i::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:100%; height:2px; background:#FFFFFF;}
        .con_news_list li a .cover span {display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
        .con_news_list li a .text {width:calc(100% - 60px); margin:30px auto; text-align:left; display:flex; flex-direction:column; justify-content:space-between; min-height:135px; position:relative;}
        .con_news_list li a .text h3 {font-size:22px; margin-bottom:40px; line-height:1.6; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
        .con_news_list li a .text p {font-size:14px;}
        .con_news_list li a .text p span {opacity:0.5;}
        .con_news_list li a .text p em {}
        .con_news_list li a:hover {background:#ed1c24;}
        .con_news_list li a:hover .cover i {opacity:1;}
        .con_news_list li a:hover .cover span {transform:scale(1.02,1.02);}
    /**/
    .sel_news .pages {margin:50px 0;}




/*****************************************/
/***********    news_detail    ***********/
/*****************************************/
.sel_news_detail {}
    /**/
    .sel_news_detail .article {padding:250px 0 150px; font-size:18px; line-height:2.2;}
    .sel_news_detail .article .box {width:70%; margin:auto;}
    .sel_news_detail .article .title {margin-bottom:50px;}
    .sel_news_detail .article .title h1 {font-size:44px; text-transform:uppercase; margin-bottom:20px;}
    .sel_news_detail .article .title span {font-size:14px; opacity:0.5;}
    .sel_news_detail .article p {font-size:18px; line-height:2.2;}
    .sel_news_detail .article img {display:inline-block;}




/*****************************************/
/***************    join    **************/
/*****************************************/
.sel_join {}
    /**/
    .sel_join .recruitment_entrance {padding:0 0 150px;}
    /**/
    .living_activities {padding:150px 0 250px;}
    .living_activities .shead {justify-content:center;}
    .living_activities h2 {font-size:44px; color:#002954;}
    .living_activities ul {display:flex; flex-wrap:wrap; margin:-20px;}
    .living_activities ul li {width:20%; padding:20px;}
    .living_activities ul li .inner {}
    .living_activities ul li .img {position:relative;}
    .living_activities ul li .img p {text-align:center; width:100%; font-size:18px; font-weight:bold;}
    .living_activities ul li .img span {display:block; margin:auto; width:150px; height:150px; background-position:center center; background-repeat:no-repeat; background-size:72px 72px;}
    /**/
    .employee_said {padding:150px 0; background:#002954;}
    .employee_said .swiper-container {}
    .employee_said .swiper-container .swiper-slide {display:flex; flex-wrap:wrap; justify-content:space-between;}
    .employee_said .swiper-container .swiper-slide .img {width:calc(50% - 40px);}
    .employee_said .swiper-container .swiper-slide .img span {display:block; height:500px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .employee_said .swiper-container .swiper-slide .text {width:calc(50% - 40px); color:#FFFFFF;}
    .employee_said .swiper-container .swiper-slide .text h5 {font-size:22px; margin-bottom:80px;}
    .employee_said .swiper-container .swiper-slide .text p {position:relative; padding:60px 0; font-size:22px;}
    .employee_said .swiper-container .swiper-slide .text p::before {content:""; opacity:0.5; position:absolute; left:0; top:0; width:40px; height:40px; background:url("images/quot_l.svg") no-repeat scroll center center / 100% auto;}
    .employee_said .swiper-container .swiper-slide .text p::after {content:""; opacity:0.5; position:absolute; right:0; bottom:0; width:40px; height:40px; background:url("images/quot_r.svg") no-repeat scroll center center / 100% auto;}
    .employee_said .swiper-container .swiper-pagination {bottom:0; width:auto; left:50%; padding-left:40px;}
    /**/
    .faqs_list {display:none; padding:150px 0 0;}
    .faqs_list .box {}
        .con_faqs_list {border-bottom:2px solid #000000;}
        .con_faqs_list li {}
        .con_faqs_list li .inner {border-top:2px solid #000000;}
        .con_faqs_list li h3 {padding:20px 60px 20px 0; position:relative; font-size:18px; cursor:pointer; display:flex; justify-content:space-between; align-items:center;}
        .con_faqs_list li h3 span {display:inline-block; width:calc(100% - 60px);}
        .con_faqs_list li h3 i {display:block; width:40px; height:40px; position:relative; right:-10px; top:50%; margin-right:-60px; transition: all 0.3s ease-out 0s;}
        .con_faqs_list li h3 i:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:10px; height:2px; background:#000000;}
        .con_faqs_list li h3 i:after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:2px; height:10px; background:#000000;}
        .con_faqs_list li h3 i.arrow_rotate {transform:rotate(45deg);}
        .con_faqs_list li p {margin-bottom:40px; display:none; width:100%!important;}
        .con_faqs_list li.active h3 i {transform:rotate(45deg);}
    /* career*/
    .jobs_list {padding:0 0 150px;}
        .con_jobs_list {display:flex; flex-wrap:wrap; margin:-20px;}
        .con_jobs_list li {width:25%; padding:20px;}
        .con_jobs_list li .inner {display:flex; flex-direction:column; justify-content:space-between; padding:60px 40px 40px; height:100%; cursor:pointer; background:#f2f2f2; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
        .con_jobs_list li .name {margin-bottom:150px; position:relative;}
        .con_jobs_list li .name::before {content:""; position:absolute; left:-40px; top:0; width:4px; height:100%; background:#ed1c24;}
        .con_jobs_list li .name h4 {font-size:22px; margin:0 0 20px; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
        .con_jobs_list li .name span {font-size:14px;}
        .con_jobs_list li p {display:flex; justify-content:space-between; align-items:center; font-size:14px;}
        .con_jobs_list li p i {display:block; position:relative; margin-right:10px; width:16px; height:0; border-bottom:2px dotted #000000; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
        .con_jobs_list li p i::before {content:""; position:absolute; right:-10px; top:-0.5px; width:10px; height:2px; background:#000000; transform-origin:right bottom; transform:rotate(45deg); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
        .con_jobs_list li p i::after {content:""; position:absolute; right:-11px; top:-1.5px; width:10px; height:2px; background:#000000; transform-origin:right bottom; transform:rotate(-45deg); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
        .con_jobs_list li .inner:hover {color:#FFFFFF; background:#ed1c24;}
        .con_jobs_list li .inner:hover p i {border-color:#FFFFFF;}
        .con_jobs_list li .inner:hover p i::before{right:-14px; background:#FFFFFF;}
        .con_jobs_list li .inner:hover p i::after{right:-15px; background:#FFFFFF;}

        .light_box {opacity:0; visibility:hidden; position:fixed; z-index:10; left:0; top:0; width:100%; height:100%; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
        .light_box::after {content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.1);}
        .light_box .box {position:absolute; z-index:1; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:800px; padding:60px 30px 60px 60px; background:#FFFFFF;}
        .light_box .scroll_box {padding-right:20px; height:400px; overflow-y:scroll;}
        .light_box .close {opacity:0.5; display:block; width:40px; height:40px; cursor:pointer; position:absolute; right:16px; top:10px; transform:rotate(45deg); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
        .light_box .close:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:20px; height:2px; background:#000000;}
        .light_box .close:after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:2px; height:20px; background:#000000;}
        .light_box .close:hover {opacity:1;}
        .light_box .scroll_box .title {margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
        .light_box .scroll_box .title h2 {font-size:22px; margin-bottom:10px;}
        .light_box .scroll_box .title span {font-size:14px;}
        .light_box .scroll_box h3 {display:block; font-size:14px; margin-bottom:14px;}
        .light_box .scroll_box p {display:block; font-size:14px; margin-bottom:30px;}
        .light_box.active {opacity:1; visibility:visible;}
    /**/
    .jobs_list .pages {margin:100px 0 0;}




/*****************************************/
/*************    contact    *************/
/*****************************************/
.sel_contact {}




/*****************************************/
/***********    sel_privacy    ***********/
/*****************************************/
.sel_privacy {}
    /**/
    .sel_privacy article {max-width:960px; margin:100px auto 0; padding:100px 40px;}
    .sel_privacy article h1 {font-size:22px; margin-bottom:40px;}
    .sel_privacy article section {font-size:14px; line-height:1.8; color:#999;}
    .sel_privacy article section p {font-size:14px; line-height:1.8; margin-bottom:20px; opacity:0.5;}




/*****************************************/
/*************    search    **************/
/*****************************************/
.sel_search {}
    /**/
    .sel_search .form_wrap {}
    .sel_search .form_wrap .fw_inner {padding:250px 0 400px;}
    .sel_search form {margin:auto; max-width:600px; position:relative;}
    .sel_search form input[type='text'] {display:block; padding:14px 20px; width:100%; font-size:16px; font-weight:bold; border-radius:0; background:#f2f2f2;}
    .sel_search form input[type='submit'] {display:inline-block; width:100px; height:46px; position:absolute; right:0; top:0; font-size:0; color:#FFFFFF; background:#ed1c24 url('../images/search.svg'); background-repeat:no-repeat; background-position:center center; background-size:35% auto; transition:all 0.3s ease-out 0s; overflow:hidden;}
    .sel_search .sr_logo {margin-bottom:20px;}
    .sel_search .sr_logo .jg {font-size:14px; opacity:0.3;}
    .sel_search .sr_frm_box {margin-bottom:100px;}
    .sel_search .sr_lists {}
    .sel_search .sr_lists .l {padding:0 0 30px; border-bottom:1px solid rgba(0, 0, 0, 0.2);}
    .sel_search .sr_lists .l > div span {}
    .sel_search .sr_lists .l ul {display:flex; margin:20px 0 0 0;}
    .sel_search .sr_lists .l ul li {padding:0 20px 0 0;}
    .sel_search .sr_lists .l ul li .ac {color:#ed1c24;}
    .sel_search .sr_lists .c {}
    .sel_search .sr_lists .c ul {}
    .sel_search .sr_lists .c ul li {padding:30px 0; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
    .sel_search .sr_lists .c ul li h5 {}
    .sel_search .sr_lists .c ul li h5 a {font-size:18px;}
    .sel_search .sr_lists .c ul li p {font-size:16px; padding:5px 0 20px;}
    .sel_search .sr_lists .c ul li .adds {font-size:14px; opacity:0.3;}
    .sel_search .sr_lists .c ul .empty_tip {padding:40px 0 0; font-size:14px; opacity:0.3;}